<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>pic-details</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container">
    <div class="top">
        <div class="row">
            <div class="col-xs-8">
                <div class="top-left">
                    <span><img src="images/phone.png"></span>
                    <span>400-720-9860</span>
                    <span>联系我们</span>
                </div>
            </div>
            <!--联系我们end-->
            <div class="col-xs-1">
                <div class="enter">
                    <span class="span-color-red">会员入口</span>
                </div>
            </div>
            <!--会员入口end-->
            <div class="col-xs-3">
                <div class="form-group has-feedback search">
                    <input type="text" class="form-control " id="inputsearch" aria-describedby="inputError2Status">
                    <img src="images/icon-search.png" class="icon-search"/>
                </div>
            </div>
            <!--search end-->
        </div>
    </div>
    <div class="line1"></div>
    <div class="header">
        <div class="row">
            <div class="col-xs-8">
                <div class="header-left">
                    <img src="images/logo-left.png"/>
                </div>
            </div>
            <!--header-left end-->
            <div class="col-xs-4">
                <div class="header-right">
                    <img src="images/logo-right.png"/>
                </div>
            </div>
            <!--header-right end-->
        </div>
    </div>
    <!--header end-->


    <div id="nav-content" class="gd">
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li class="first"><a href="#">关于我们</a>
                    <div class="menu">
                        <ul>
                            <li><a href="#">公司简介</a></li>
                            <li><a href="#">组织架构</a></li>
                            <li><a href="#">企业文化</a></li>
                            <li><a href="#">合作伙伴</a></li>
                            <li><a href="#">团队介绍</a></li>
                        </ul>
                    </div>
                    <!--menu end-->
                </li>
                <li class="first"><a href="#">业务领域</a>
                    <div class="menu">
                        <ul>
                            <li><a href="pic-details-list-com.html">产品展示</a></li>
                            <li><a href="article-list.html">企业动态</a></li>
                            <li><a href="pic-list.html">新闻中心</a></li>
                            <li><a href="about-company.html">关于公司</a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="#">投资者教育</a></li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">投资案例</a></li>
                <li><a href="#">人才招聘</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
        <!--nav end-->
    </div>
    <!--nav-content end-->

    <div class="banner clearfix">
        <div class="pic">
            <ul>
                <li style="left:0px;">
                    <a href="#">
                        <img src="images/banner.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/1.jpg"/>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/2.jpg"/>
                    </a>
                </li>
            </ul>
        </div>
        <!--pic结束，用来存放图片的-->
    </div>
    <!--banner end-->

    <div class="main">
        <div class="row">
            <div class="col-xs-3">
                <div class="sidebar">
                    <div class="sidebar-top">
                        <div class="about-company">
                            <div class="color-red"></div>
                            <div class="color-blue"></div>
                            <h4>产品展示</h4>
                        </div>
                        <div class="border-line border-text">
                            <ul>
                                <li><a href="pic-list.html" target="content">RV系列蜗轮减速机</a></li>
                                <li><a href="#" target="content">T系列锥齿轮减速机</a></li>
                                <li><a href="#" target="content">F系列轴斜齿轮减速机</a></li>
                                <li><a href="#" target="content">S系列蜗轮蜗杆减速机</a></li>
                                <li><a href="details.html" target="content">K系列锥齿轮减速机</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--sidebar-top end-->

                    <div class="sidebar-bottom">

                        <div class="about-company">
                            <div class="color-red"></div>
                            <div class="color-blue"></div>
                            <h4>联系我们</h4>
                            <p class="p-address">地址：湖南省怀化市</p>
                            <p>联系人：向久久</p>
                            <p>电话：15111592794</p>
                            <p>邮箱：00000000@gmail.com</p>
                        </div>

                    </div>
                </div>



            </div>
            <div class="col-xs-9 iframe">
                <iframe name="content" width="764px" scrolling="no"class="iframe-company"></iframe>
            </div>
            <!--iframe end-->
        </div>



    </div>
    <!--main end-->

    <div class="footer">
        <div class="footer-content">
            <div class="row">
                <div class="col-xs-8 footer-left">
                    <ul>
                        <li class="index"><a href="#">首页</a><span>|</span></li>
                        <li><a href="#">关于我们</a><span>|</span></li>
                        <li><a href="#">业务领域</a><span>|</span></li>
                        <li><a href="#">投资者教育</a><span>|</span></li>
                        <li><a href="#">新闻中心</a><span>|</span></li>
                        <li><a href="#">投资案例</a><span>|</span></li>
                        <li><a href="#">人才招聘</a><span>|</span></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <!--footer-left end-->
                <div class="col-xs-4 copy">
                    <p>Copyright&copy;&nbsp;2010-2013&nbsp;shmazhoufund.com</p>
                </div>
                <!--copy end-->
            </div>
        </div>
        <!--footer-content end-->
    </div>
    <!--footer end-->

</div>
<!--container end-->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript" src="js/banner.js"></script>
<script type="text/javascript" src="js/red-line.js"></script>
</body>
</html>